{% load static %}


<!DOCTYPE html>
<html>


<head>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>{{ title }}</title>


    <meta name="keywords" content=" {{ keywords }} "/>
    <meta name="description" content="{{ description }} "/>

</head>

<body class="top-navigation">

<div id="wrapper">
    <div id="page-wrapper" class="gray-bg">

        {% include 'html/head.html' %}  <!--公共头部导航-->

        <div class="wrapper wrapper-content">
            <div class="container">


                <div class="row">
            <div class="col-sm-12">
                <div class="widget lazur-bg no-padding">
                    <div class="p-m">
                        <h1 class="m-xs">横幅广告:列表页预留地址，根据自己开发需求修改</h1>

                                                URL路径变更路由地址：根目录/app/html_urls.py<br>

                                                内容展示控制地址：根目录/app/html_views.py<br>

                                                公共头部模板地址：根目录/app/Templates/html/head.html<br>

                                                主体模板地址：根目录/app/Templates/html/list.html<br>
                                                公共尾部模板地址：根目录/app/Templates/html/footer.html<br>
                    </div>

                </div>
            </div>

        </div>
                <div class="row wrapper border-bottom  page-heading">
                    <div class="col-lg-10">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="" _msthash="966589"
                                                           _msttexthash="2136498">网站导航</a></li>
                            <li class="breadcrumb-item"><a _msthash="966590" _msttexthash="4752878">目录一</a></li>
                            <li class="breadcrumb-item active"><strong _msthash="966591"
                                                                       _msttexthash="12350910">子目录二</strong></li>
                        </ol>
                    </div>
                    <div class="col-lg-2"></div>

                </div>
                <br>
                <div class="row">

                    <div class="col-sm-9 animated fadeInRight">
                        <div class="mail-box-header">


                            <h2>
                                列表页
                            </h2>
                            <div class="mail-tools tooltip-demo m-t-md">


                            </div>
                        </div>
                        <div class="mail-box">

                            <table class="table table-hover table-mail">
                                <tbody>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">网站栏目一</a>
                                    </td>
                                    <td class="mail-subject"><a href="">dndadmin系统最终发布版本1.0 </a>
                                    </td>
                                    <td class="">
                                    </td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green checked" style="position: relative;"><input
                                                type="checkbox" class="i-checks" checked=""
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">Amaze UI</a>
                                    </td>
                                    <td class="mail-subject"><a href="">Amaze UI Beta2 发布</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">WordPress</a> <span
                                            class="label label-primary pull-right">推荐阅读</span>
                                    </td>
                                    <td class="mail-subject"><a href="">wp-user-frontend-pro v2.1.9</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a>
                                    </td>
                                    <td class="mail-subject"><a href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a> <span
                                            class="label label-danger pull-right">热门文章</span>
                                    </td>
                                    <td class="mail-subject"><a
                                            href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class="">
                                    </td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">网站栏目一</a>
                                    </td>
                                    <td class="mail-subject"><a href="">dndadmin系统最终发布版本1.0 </a>
                                    </td>
                                    <td class="">
                                    </td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">Amaze UI</a>
                                    </td>
                                    <td class="mail-subject"><a href="">Amaze UI Beta2 发布</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">WordPress</a> <span
                                            class="label label-primary pull-right">推荐阅读</span>
                                    </td>
                                    <td class="mail-subject"><a href="">wp-user-frontend-pro v2.1.9</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a>
                                    </td>
                                    <td class="mail-subject"><a href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a> <span
                                            class="label label-danger pull-right">热门文章</span>
                                    </td>
                                    <td class="mail-subject"><a
                                            href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class="">
                                    </td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">网站栏目一</a>
                                    </td>
                                    <td class="mail-subject"><a href="">dndadmin系统最终发布版本1.0 </a>
                                    </td>
                                    <td class="">
                                    </td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">Amaze UI</a>
                                    </td>
                                    <td class="mail-subject"><a href="">Amaze UI Beta2 发布</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">WordPress</a> <span
                                            class="label label-primary pull-right">推荐阅读</span>
                                    </td>
                                    <td class="mail-subject"><a href="">wp-user-frontend-pro v2.1.9</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a>
                                    </td>
                                    <td class="mail-subject"><a href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a> <span
                                            class="label label-danger pull-right">热门文章</span>
                                    </td>
                                    <td class="mail-subject"><a
                                            href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class="">
                                    </td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a>
                                    </td>
                                    <td class="mail-subject"><a href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a> <span
                                            class="label label-danger pull-right">热门文章</span>
                                    </td>
                                    <td class="mail-subject"><a
                                            href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class="">
                                    </td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">网站栏目一</a>
                                    </td>
                                    <td class="mail-subject"><a href="">dndadmin系统最终发布版本1.0 </a>
                                    </td>
                                    <td class="">
                                    </td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">Amaze UI</a>
                                    </td>
                                    <td class="mail-subject"><a href="">Amaze UI Beta2 发布</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">WordPress</a> <span
                                            class="label label-primary pull-right">推荐阅读</span>
                                    </td>
                                    <td class="mail-subject"><a href="">wp-user-frontend-pro v2.1.9</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a>
                                    </td>
                                    <td class="mail-subject"><a href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class=""></td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                <tr class="read">
                                    <td class="check-mail">
                                        <div class="icheckbox_square-green" style="position: relative;"><input
                                                type="checkbox" class="i-checks"
                                                style="position: absolute; opacity: 0;">
                                            <ins class="iCheck-helper"
                                                 style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                        </div>
                                    </td>
                                    <td class="mail-ontact"><a href="">DNG系统</a> <span
                                            class="label label-danger pull-right">热门文章</span>
                                    </td>
                                    <td class="mail-subject"><a
                                            href="">亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                    </td>
                                    <td class="">
                                    </td>
                                    <td class="text-right mail-date">2014年10月28日 21:00:09</td>
                                </tr>
                                </tbody>
                            </table>


                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="ibox float-e-margins">
                            <div class="ibox-content mailbox-content">
                                <div class="file-manager">
                                        <i >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </i>
                                        <a class="btn btn-default btn-rounded" href="/login/"><i class="fa fa-weixin"> </i>微信登录帐号</a>
                                     <i >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </i>
                                    <a class="btn btn-default btn-rounded" href="/login/"> <i class="fa fa-qq"> </i>QQ登录帐号</a>
                                    <div class="space-25"></div>

                                    <h5 class="tag-title">网站目录</h5>
                                    <div id="external-events">
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <button type="button" class="btn btn-primary btn-sm btn-block"> 网站栏目一
                                                </button>
                                            </div>
                                            <div class="col-sm-6">
                                                 <button type="button" class="btn btn-primary btn-sm btn-block"> 网站栏目二
                                                </button>
                                            </div>
                                             <div class="col-sm-6">
                                                <button type="button" class="btn btn-primary btn-sm btn-block"> 网站栏目三
                                                </button>
                                            </div>
                                            <div class="col-sm-6">
                                                 <button type="button" class="btn btn-primary btn-sm btn-block"> 网站栏目四
                                                </button>
                                            </div>
                                        </div>

                                    </div>




                                    <h5 class="tag-title">SEO标签</h5>
                                    <ul class="tag-list" style="padding: 0">
                                        <li><a href=""><i class="fa fa-tag"></i> 网站标签</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> Python</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> django</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> 网站优化</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> SEO优化</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> 网站建设</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> 网站排名</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> DNG系统</a>
                                        </li>
                                         <li><a href=""><i class="fa fa-tag"></i> 网站标签</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> Python</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> django</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> 网站优化</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> SEO优化</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> 网站建设</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> 网站排名</a>
                                        </li>
                                        <li><a href=""><i class="fa fa-tag"></i> DNG系统</a>
                                        </li>
                                    </ul>
                                    <div class="clearfix"></div>
                                     <h5 class="tag-title">最新信息列表</h5>
                                    <ul class="category-list" style="padding: 0">
                                        <li>
                                            <a href=""> <span class="badge text-navy">1</span><i>&nbsp;</i>目前Python已经成为市场第二大开发语言</a>
                                        </li>
                                        <li>
                                            <a href=""> <span class="badge text-danger">2</span><i>&nbsp;</i>主要是Python的环境搭建复杂不适合新手！</a>
                                        </li>
                                        <li>
                                            <a href=""> <span class="badge text-primary">3</span><i>&nbsp;</i>通用的RBAC权限管理功能！</a>
                                        </li>
                                        <li>
                                            <a href=""> <span class="badge text-info">4</span><i>&nbsp;</i>方便用户快速了解后台运行情况和及时运维数据！</a>
                                        </li>
                                        <li>
                                            <a href=""> <span class="badge text-warning">5</span><i>&nbsp;</i>亲，双11来啦！帮你挑货，还送你4999元红包！</a>
                                        </li>
                                        <li>
                                            <a href=""> <span class="badge text-navy">6</span><i>&nbsp;</i>亲，dndadmin系统最终发布版本1.0 ！</a>
                                        </li>
                                        <li>
                                            <a href=""> <span class="badge text-danger">7</span><i>&nbsp;</i>和查看登录日志的功能，方便用户维护帐号信息！</a>
                                        </li>
                                        <li>
                                            <a href=""> <span class="badge text-primary">8</span><i>&nbsp;</i>基于python和Django原生后台系统！</a>
                                        </li>
                                        <li>
                                            <a href=""> <span class="badge text-info">9</span><i>&nbsp;</i>一键生成数据列表管理，实现一键生成表单提交！</a>
                                        </li>
                                        <li>
                                            <a href=""> <span class="badge text-warning">10</span><i>&nbsp;</i>方便开发人员快速上手，减少开发人员工作量。</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-1"></div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-white"><i class="fa fa-chevron-left"></i>
                        </button>
                        <button class="btn btn-white active">1</button>
                        <button class="btn btn-white">2</button>
                        <button class="btn btn-white">3</button>
                        <button class="btn btn-white">4</button>
                        <button class="btn btn-white">5</button>
                        <button class="btn btn-white">6</button>
                        <button class="btn btn-white">7</button>
                        <button class="btn btn-white">8</button>
                        <button class="btn btn-white">9</button>
                        <button class="btn btn-white">10</button>
                        <button class="btn btn-white">11</button>
                        <button class="btn btn-white">12</button>
                        <button class="btn btn-white">13</button>
                        <button class="btn btn-white">14</button>
                        <button class="btn btn-white">15</button>
                         <button class="btn btn-white">16</button>
                        <button class="btn btn-white">17</button>
                        <button class="btn btn-white">18</button>
                        <button class="btn btn-white">19</button>
                        <button class="btn btn-white">20</button>


                        <button type="button" class="btn btn-white"><i class="fa fa-chevron-right"></i>
                        </button>
                    </div>

                </div>





                <div class="p-m"></div>
            </div>

        </div>


        {% include 'html/footer.html' %}  <!--公共尾部-->
    </div>
</div>
</body>

</html>
